body {
	margin: 0;
	padding: 0;
	padding-bottom:50px;
	font-family: 'Source Sans Pro';
	font-weight: 300;
	background: #f7f7f7 url('../css/design/bg.png');
}


#header {
	  position: fixed; /*reste en haut de l'ecran*/
	  top: 0;

	  width: 100%;
	  height:110px;
	  z-index:1;/*pour passer le header au premier plan lors du scroll*/
background: rgb(193,3,48); /* Old browsers */
background: -moz-linear-gradient(top, rgba(193,3,48,1) 0%, rgba(170,2,41,1) 77%, rgba(138,0,32,1) 93%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(193,3,48,1)), color-stop(77%,rgba(170,2,41,1)), color-stop(93%,rgba(138,0,32,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(193,3,48,1) 0%,rgba(170,2,41,1) 77%,rgba(138,0,32,1) 93%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(193,3,48,1) 0%,rgba(170,2,41,1) 77%,rgba(138,0,32,1) 93%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(193,3,48,1) 0%,rgba(170,2,41,1) 77%,rgba(138,0,32,1) 93%); /* IE10+ */
background: linear-gradient(to bottom, rgba(193,3,48,1) 0%,rgba(170,2,41,1) 77%,rgba(138,0,32,1) 93%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c10330', endColorstr='#8a0020',GradientType=0 ); /* IE6-9 */

}

ul
{
list-style-position:inside;
	list-style-type:square;
} 

@font-face {
	font-family : 'tallsfilms';
	src: url('design/tall.ttf');
}

strong{
	font-weight:bold;	
}

h2{
	font-family:'tallsfilms';
	font-size:1.9em;
}

.erreur{
	color:red;
	font-style:italic;
}

table{
	min-width:50%;
	border:thin solid black;
	border-collapse:collapse;
	text-align:center;
}
td, th{
	border:thin solid black;
}

#search {/*toujours utilie ?*/
	float:left;
	margin-top: 10px;
	margin-left: 75px;
	width:30%;
}

/* CSS pour organiser_dispo (javascript) */
.target { margin: 20px; width: 95%; height: 120px; float:left;  }
.source {display:bloc-inline;width : 95%;}
.source  img { height: 100px; width:12%; display:bloc-inline;}

.empty { height:100px; width:12%; margin: 5px; background: #eee; border: 1px dashed #999; float:left; }
.empty .item { margin: 0; }

.target  img { height: 100px; width:100%;}

.highlight { border: 1px solid red; background: #fff; }
.highlight .item { opacity: 0.3; }


.moment {
	text-align:center;
}

/* Fin CSS pour organiser_dispo (javascript) */

#liste_salle{
	list-style:none;
}

#agenda {
	max-width:95%;
	margin : 10px auto auto auto; 
}
 
#agenda td {
	padding : 5px;
}

 #agenda td{
border-width:2px;
border-style:double;
border-color:#7B011D;

}	
	
.font{
background: rgb(169,3,41); /* Old browsers */
background: -moz-linear-gradient(top, rgba(169,3,41,1) 100%, rgba(109,0,25,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(100%,rgba(169,3,41,1)), color-stop(100%,rgba(109,0,25,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(169,3,41,1) 100%,rgba(109,0,25,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(169,3,41,1) 100%,rgba(109,0,25,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(169,3,41,1) 100%,rgba(109,0,25,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(169,3,41,1) 100%,rgba(109,0,25,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
font-weight:bold;
color:white;
}
#champ-texte{
	width:60%;
}


#connexion{
	position:fixed;
	top:5px;
	right:5px;
}

#logo {
	position:fixed;
	top:5px;
	left:10px;
}


footer {
	position:fixed;
	/*margin-top: 48px;*/
	bottom:0;
	min-height : 25px;
	width:100%;
	/*background: #FAFAFA url('./bg02.png');*/	
	background-color: rgb(255,255,255) ;
	border-top-style: solid;
	border-top-color: #6E6E6E;
	border-width: 1px;
}
footer #footer_txt a{
	float: right;
	margin-right:12px;
	color: gray;
	font-weight:bold;
	text-decoration:none;
}


footer #footer_txt a:hover{
	color:rgb(100,200,100);
}

footer #copyright{
	
}

#bodycentered{
	position:relative;
	top:150px;/*Header + barre de navigation + 10px de marge*/
	left:20%;

	width: 60%;
	min-height:100%;
	padding: 10px;


	border-bottom-style: solid;
	border-bottom-color: grey;
	border-bottom-width: 2px;
	background: white;
	box-shadow: 5px 15px 20px #aaa;
	text-align: justify;
	
	

}

#validateEmail, #validateUsername {
	float : left;
	margin-left : 10px;
	width:150px;
	text-align:left;
}

#otherMarks{
	display:none;
}

div.bodycentered_line{
	clear: both;
	display: block;
	width: 100%;
	
	margin: 0px;
	/*padding-top: 24px;*/
	margin-top: 24px;
	margin-bottom:24px;
	/*border-left-style: solid;
	border-right-style: solid;*/
	border-bottom-style: solid;
	border-bottom-color: grey;
	border-width: 1px;
}

div.bodycentered_line.invisible{
	display: none;
}

h2 {
	/*font-style: italic;*/
	display: block;
	font-size: 18px;
	border-bottom-style: solid;
	border-bottom-color: grey;
	border-width: 1px;
}

h2.invisible {
	display: none;
}

/* BOITE DE DIALOGUE ET ORGANISATION */
div.msgbox{
	display: block;
	margin-left: 0%;
	margin-top: 10px;
	width: 100%;
	text-align: center;
}

div.msgbox.invisible{
	display: none;
}

div.msgbox .bouton{
	margin-left: 24px;
	margin-right: 24px;
	margin-top: 5px;
	margin-bottom: 10px;
} 

#button_prez {
	display: inline-block;
}

fieldset{/*Effets sur les blocs*/

	background-color : #E4E4E4;
	margin-top: 10px;
	margin-bottom :10px;
	border-radius: 10px;;
}

legend{ /*Effets sur les titres des blocs*/
	/*font-family : Tahoma, Geneva, sans-serif;*/
	background-color : #4C4C4C;
	border: thin black solid;
	color : white;
}

ul#listelikes, ul#listedislikes{
  list-style:none;
  width: 42%;
    padding:20px;
  padding-bottom:0;

  position: relative;
  min-height: 351px;
}

ul#listelikes{
	float:left;
	border-right-style: solid;
	border-right-width: 2px;
	border-right-color: green;
	border-top-style: solid;
	border-top-width: 2px;
	border-top-color: green;
}

ul#listedislikes{
	float:right;
	border-left-style: solid;
	border-left-width: 2px;
	border-left-color: red;
	border-top-style: solid;
	border-top-width: 2px;
	border-top-color: red;		
}

/* style des �l�ments de la liste */
ul#listelikes li, ul#listedislikes li{
  cursor:move;
  height:75px;
  width:150px;
    margin-right:20px;
    margin-bottom:20px;
  background:#fff;
  color:#212326;
  -moz-box-shadow:2px 2px 5px #ccc;
  display:list-item;
  overflow:hidden;
}


#listelikes li {
	float : right;

}

#listedislikes li {
	float : left;
}

#zonelistes {
	max-width:100%;
	background-image:url('design/panel.png');
}



/* moitie gauche */
div.moitieGauche{
	display: inline-block;
	padding-right: 5px;
	margin-left: 5%;
	/*border-right-style: solid;
	border-right-color: grey;
	border-width: 1px;*/
}

.moitieGauche label{
	clear: left;
	float:left;
}

.moitieGauche select{
	clear: left;
	float:left;
}


.moitieGauche input{
	clear: left;
	float:left;
}

.moitieGauche .bouton{
	clear: left;
	float:left;
}

.connexionBoxGauche{
	display: inline-block;
	padding-right: 5px;
	margin-left: 5%;
}

.connexionBoxGauche label, .connexionBoxGauche select, .connexionBoxGauche input{
	clear: left;
	float:left;
}

.connexionBoxBtnGauche{
	margin-top: 20px;
	clear: left;
	float:left;
}


.moitieDroite{
	width: 40%;
	float:right;
}





/* BOUTONS */
div.msgbox_btn_box{
	width: 100%;
	display: inline;
	/*background: red;*/
}

/*div.bouton{
	
	margin-right : 10px;
	padding: 8px;
	height: 20px;
	display: inline-block;
	text-decoration: none;
	cursor: pointer;
	border: 0;
	border-radius: 5px;
	background: #00C800;
	color: #fff !important;
	font-weight: 550;
	outline: 0;
	-moz-transition: background-color .25s ease-in-out;
	-webkit-transition: background-color .25s ease-in-out;
	-o-transition: background-color .25s ease-in-out;
	-ms-transition: background-color .25s ease-in-out;
	transition: background-color .25s ease-in-out;
		
}
*/
div.bouton a, div.boutonbegin a, div.boutonend a{
	text-decoration:none;
	color:black;
}
/*
div.bouton:hover
{
	background: #e53359;
}

div.bouton:active
{
	background: #00C800;
}

div.bouton.petit{
	margin-top: 0px;
	margin-bottom: 2px;
	margin-right: 5px;
	padding: 2px;
	height: 16px;
	font-size: 10px;
}


div.bouton.header{
	background-color : rgb(100,200,100);
	color: #fff !important;
}

div.bouton.header:hover{
	background: rgb(15,200,15);
}

div.bouton.header:active{
	background: rgb(100,200,100);
}


div.bouton.header_out{
	background-color : rgb(200,100,100);
	color: #fff !important;
}

div.bouton.header_out:hover{
	background:  rgb(200,15,15);
}

div.bouton.header_out:active{
	background: rgb(200, 100,100);
}*/

#barre_navigation{
	font-family: caption;
	margin-left: auto;
  margin-right: auto;
  width: 750px; 
  margin-top:110px;
	z-index:1;
	vertical-align:middle;
}


div.bouton, div.boutonbegin, div.boutonend {
background: rgb(188,0,44); /* Old browsers */
background: -moz-linear-gradient(top, rgba(188,0,44,1) 0%, rgba(166,0,39,1) 87%, rgba(134,0,31,1) 94%, rgba(134,0,31,1) 100%, rgba(134,0,31,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(188,0,44,1)), color-stop(87%,rgba(166,0,39,1)), color-stop(94%,rgba(134,0,31,1)), color-stop(100%,rgba(134,0,31,1)), color-stop(100%,rgba(134,0,31,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(188,0,44,1) 0%,rgba(166,0,39,1) 87%,rgba(134,0,31,1) 94%,rgba(134,0,31,1) 100%,rgba(134,0,31,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(188,0,44,1) 0%,rgba(166,0,39,1) 87%,rgba(134,0,31,1) 94%,rgba(134,0,31,1) 100%,rgba(134,0,31,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(188,0,44,1) 0%,rgba(166,0,39,1) 87%,rgba(134,0,31,1) 94%,rgba(134,0,31,1) 100%,rgba(134,0,31,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(188,0,44,1) 0%,rgba(166,0,39,1) 87%,rgba(134,0,31,1) 94%,rgba(134,0,31,1) 100%,rgba(134,0,31,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bc002c', endColorstr='#86001f',GradientType=0 ); /* IE6-9 */
	
	text-indent:0;
	border:1px solid #7B011D;
	display:inline-block;
	font-family:/*Comic Sans MS*/ Tahoma, Geneva, sans-serif;
	font-size:15px;
	font-weight:bold;

	font-style:italic;
	height:30px;
	line-height:30px;
	width:auto/*100px*/;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #7B011D;
	white-space: nowrap;
	padding: 0 10px 0 10px;
}

div.bouton a, div.boutonbegin a, div.boutonend a{
color:white;
}


div.bouton:hover, div.boutonbegin:hover, div.boutonend:hover {
background: rgb(255,48,25); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,48,25,1)), color-stop(100%,rgba(207,4,4,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
}

div.boutonbegin{/*premier bouton de la serie*/
	border-radius: 0 0 0 5px;
}
div.boutonend{/*dernier bouton de la ligne*/
	border-radius: 0 0 5px 0;
}


/* FORMULAIRE UNIQUEMENT */

#infoUser{
	display:none;
}
#infoEntreprise{
	display:none;
}
.obligatoire{
	color: red;
}

div.msgObligatoire{
	float:left;
	clear: left;
	font-style: italic;
	font-size: 9px;
	color: red;
}

/* CONNEXION UNIQUEMENT */
#login{
	
}
#loginNoActif{
	display:none;
}


img.photoObjet {
	float: left;
	border-radius: 5px;
	/*box-shadow: 1px 1px 12px #555;*/
}

/* Presentation objet*/
div.likesNumber{
	float:left;
}

.likesNumber p{
	font-weight:bold;
	margin: 0px;
	margin-top: 12px;
	margin-left: 5px;
	color: rgba(0,200,0,1);
}
.likesNumber img{
	float:left;
}

div.dislikesNumber{
	float:left;
	margin-left: 32px;
}

.dislikesNumber p{
	font-weight:bold;
	margin: 0px;
	margin-top: 12px;
	margin-left: 5px;
	color: rgba(200,0,0,1);
}

form.formulaireAjoutObjet{
	clear: left;	
	float:left;
	display: inline-block;	
}


/*
.formbox{
	display: inline-block;
	padding-right: 5px;
	margin-left: 5%;
	background:red;
}
*/



#ajoutobjet{
	float:left;
	width:50%;
}
#ajoutobjet input,#ajoutobjet select, #ajoutobjet textarea{
margin-top:-15px;
}

#ajoutobjet input,#ajoutobjet select{
	width:40%;
}

#ajoutobjet textarea{
	width:80%;
	height:150px;
}
.form_element{
	clear: left;
	float: left;
	text-align:left;
	width: 40%;
		display: inline-block;

	/*margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;*/
}


	
div.liste_objet_pair{
	clear: both;
	background-color:rgb(50,220,220);
	width:100%;
}

img.liste_objet_picture{
	float:left;
	width:64px;
	height:64px;
	border-radius: 5px;
}

div.liste_objet_info{
	float:left;
	margin-top:-20px;
	margin-left:5px;
}

div.liste_objet_vote{
	margin-top:10px;
	float:right;
}

div.liste_objet_vote p,div.liste_objet_vote img{
	float:left;
}

div.liste_objet_vote p.likesNumber{
	font-weight:bold;
	margin: 0px;
	margin-top: 12px;
	margin-left: 5px;
	color: rgba(0,200,0,1);
}

div.liste_objet_vote p.dislikesNumber{
	font-weight:bold;
	margin: 0px;
	margin-top: 12px;
	margin-left: 5px;
	color: rgba(200,0,0,1);
}

span.presentationObjetLbl {/*le texte invariant de la page présentation*/
	font-weight:bold;
}
p.space{	
	min-width: 24px;
}
.accueilGauche{
	float:left;
	width:30%;
}
.accueilDroite{
	float:right;
	width:70%;
	margin-top:50px;
}
/********************************************* MODIF. 14/11/2013 21:41

/********************************************* MODIF. 28/11/2013 20:25*/
div#modifs{
	display: none;
}